<template>
  <div>
    <TopNavigation :address="$store.state.user.currentCity"></TopNavigation>
    <HousingScreening></HousingScreening>
    <keep-alive>
      <ListHouses></ListHouses>
    </keep-alive>
  </div>
</template>

<script>
import TopNavigation from '@/components/find/TopNavigation.vue'
import HousingScreening from '@/components/find/HousingScreening.vue'
import ListHouses from '@/components/find/ListHouses.vue'

export default {
  name: 'find-page',
  components: {
    TopNavigation,
    HousingScreening,
    ListHouses
  }
}
</script>

<style lang="less" scoped>
/deep/.van-nav-bar__content {
  background-color: #15b572;
}
/deep/.van-nav-bar .van-icon {
  color: #7f7f80;
}
</style>
